import remarkGfm from "remark-gfm";
import withMdx from "@next/mdx";

/** @type {import('next').NextConfig} */
const nextConfig = {
  // Configure `pageExtensions`` to include MDX files
  pageExtensions: ["js", "jsx", "mdx", "ts", "tsx"],
  experimental: {
    appDir: true,
  },
  // Optionally, add any other Next.js config below
};

const mdxConfig = {
  options: {
    // remarkPlugins: [remarkGfm],
    rehypePlugins: [],
  },
};

// Wrap MDX and Next.js config with each other
export default withMdx(mdxConfig)(nextConfig);
